$jQ(document).ready(function() {
	
	inicializar();
	
});

var dialog;
var mensagemDialog;
var tituloDialog;

var dlgBody;
var dlgTitle;
var dlgMessageArea;
var dlgButtonArea;
var dlgButton;

function mostrarMensagem(titulo, mensagem, tipoMensagem, campoErro) {

	configurarDialog(titulo, mensagem, tipoMensagem);
	dialog.dialog("open");
	
	if (tipoMensagem == "erro") {
		
		campoErro.css("border", "");
		
		campoErro.effect('transfer', {to: "div.ui-dialog"}, 500, function() {
			dialog.dialog("open");
			
			dialog.dialog({
		        beforeClose: function() {
		
		            var $this = $jQ(this);
		
		            $this
		                .dialog("widget")
		                .effect("transfer", {
		
		                    to: campoErro,
		                    className: "ui-effects-transfer"
		
		                }, 1000, function() {
		                	campoErro.css("border", "2px solid #DD4B39");
				            dialog.dialog({beforeClose: function() {}});
		                });
		        }
			});
		});

		dialog.dialog("close");
		campoErro.mouseenter(function() {
			$jQ(this).css("border", "");
		});
		
	} else if (tipoMensagem == "alerta") {
		
	} else {
		
	}
}

function configurarDialog(titulo, mensagem, tipoMensagem) {
			
	tituloDialog.text(titulo);
	mensagemDialog.html(mensagem);
	
	
	if (tipoMensagem == "erro") {
		
		var cssErroBody = {border: "2px solid #cc0000", background: "#f3d8d8", color: "#2e2e2e" };
		var cssErroTitle = {border: "1px solid #cc0000", background: "#C73640 url(javascript/cgcq/geral/mensagens/fundoMensagem.png) 50% 50% repeat", color: "white"};
		var cssErroMessageArea = {"border-top": "1px solid #cc0000", "border-left": "1px solid #cc0000", "border-right": "1px solid #cc0000", "border-bottom": "0",
				background: "url(javascript/cgcq/geral/mensagens/textura.png) repeat-x scroll 50% 50% #FEF1EC", color: "#2e2e2e" };
		var cssErroButtonArea = {"border-bottom": "1px solid #cc0000", "border-left": "1px solid #cc0000", "border-right": "1px solid #cc0000", "border-top": "0",
				margin: "0 0 0 0", background: "url(javascript/cgcq/geral/mensagens/textura.png) repeat-x scroll 50% 50% #FEF1EC", color: "#2e2e2e" };
		var cssButton = {background: "#C73640 url(javascript/cgcq/geral/mensagens/fundoMensagem.png) 50% 50% repeat"};
		
		dlgBody.css(cssErroBody);
		dlgTitle.css(cssErroTitle);
		dlgMessageArea.css(cssErroMessageArea);
		dlgButtonArea.css(cssErroButtonArea);
		dlgButton.css(cssButton);
		
		
	} else if (tipoMensagem == "alerta") {
		
	} else {
		
	}
	
}


function inicializar() {
	
	$jQ( "#dialog" ).dialog({
        autoOpen: false,
        modal: true,
        show: "fade",
        width: "auto",
        resizable: false,
        draggable: false,
        position: { my: "center", at: "center", of: window },
		buttons: {
			"Ok": function() { $jQ(this).dialog("close"); }
		}
    });
	
	dialog = $jQ("#dialog");

	$jQ(window).resize(function() {
		if (dialog.dialog("isOpen")) {
			dialog.dialog("option","position", { my: "center", at: "center", of: window });
		}
	});
	
	mensagemDialog = $jQ("#msg");
	tituloDialog = $jQ("#ui-id-1");
	
	dlgBody = $jQ("div.ui-dialog");
	dlgTitle = $jQ("div.ui-dialog-titlebar");
	dlgMessageArea = $jQ("div.ui-dialog-content");
	dlgButtonArea = $jQ("div.ui-dialog-buttonpane");
	dlgButton = $jQ(":button.ui-button");
}